<template>
	<view class="">
		<hx-navbar :back="false" :backgroundColor="[255, 255, 255]" :fixed="true">
			<view slot="left" class="flex justify-center align-center container-top" style="width:100%;margin: 0 45rpx;">
				<view class="" style="font-size: 36rpx;position: absolute;left: 30rpx;">
					<navigator url="login" hover-class="none">
					登录
					</navigator>
				</view>
				<view class="" style="font-size: 36rpx;">
					注册账号
				</view>
				<view class="flex align-center" style="position: absolute;right: 30rpx;" @tap="back">
					<i class="fa fa-times" style="font-size: 36rpx;" aria-hidden="true"></i>
				</view>
			</view>
		</hx-navbar>
		<view class="main">
			<view class="flex align-center justify-between main-input">
				<view class="flex align-center">
					<view class="cuIcon cuIcon-people"></view>
					<view class="">
						<input class="uni-input" type="text" placeholder="输入账号或手机号" />
					</view>
				</view>
			</view>
			<view class="flex align-center justify-between main-input">
				<view class="flex align-center">
					<view class="cuIcon cuIcon-lock"></view>
					<view class="">
						<input class="uni-input" :password="password" type="text" placeholder="输入密码" />
					</view>
				</view>
				<view class="eye" @click="eyepassword">
					<image :src="password?'../../static/imgs/eye-off.png':'../../static/imgs/eye-on.png'" mode="aspectFill"></image>
				</view>
			</view>
			<view class="flex align-center justify-between main-input">
				<view class="flex align-center">
					<view class="cuIcon cuIcon-lock"></view>
					<view class="">
						<input class="uni-input" :password="passwords" type="text" placeholder="确认密码" />
					</view>
				</view>
				<view class="eye" @click="eyepasswords">
					<image :src="passwords?'../../static/imgs/eye-off.png':'../../static/imgs/eye-on.png'" mode="aspectFill"></image>
				</view>
			</view>
			<view class="register-button text-center">
				注册
			</view>
		</view>
		<view class="dlzcimg">
			<image src="../../static/imgs/dlzcimg.png" mode="widthFix"></image>
			<view class="dlzcimg-text flex justify-center">
				登录即同意APP
				<navigator  url="" hover-class="none">
				用户注册协议
				 </navigator>
			</view>
		</view>
	</view>
</template>

<script>
		import 'static/css/font-awesome.min.css';
		export default {
			data() {
				return{
					password:false,
					passwords:true
				}
			},
			methods:{
				back() {
				    uni.navigateBack({});
				},
				eyepassword(){
					this.password=!this.password
				},
				eyepasswords(){
					this.passwords=!this.passwords
				}
			}
		}
</script>

<style>
	.main{
		margin: 240rpx 78rpx 237rpx 78rpx;
	}
	.main input{font-size: 28rpx;margin-left: 20rpx;}
	.main .main-input{
		padding: 35rpx 7rpx 35rpx 20rpx;
		border-bottom: 2rpx #E8E8E8 solid;
	}
	.eye image{
		width: 32rpx;
		height: 20rpx;
	}
	.cuIcon{
		font-size: 45rpx;
		color: #ADADAD;
	}
	.register-button{
		width: 590rpx;
		height: 90rpx;
		line-height: 90rpx;
		margin: auto;
		border-radius: 50rpx;
		color: #FFFFFF;
		background-color: #26C594;
		font-size: 34rpx;
		font-weight: bold;
		margin-top: 60rpx;
	}
	
	
	
	.dlzcimg{
		width: 100%;
		height: 237rpx;
		position: fixed;
		bottom: 0;
	}
	.dlzcimg image{
		position: absolute;
		width: 100%;
		z-index: -1;
	}
	.dlzcimg .dlzcimg-text{
		margin-top: 129rpx;
		text-align: center;
		font-size: 24rpx;
	}
	.dlzcimg navigator{
		text-decoration:underline;
	}
</style>
